{% extends "template_base.html" %}
{% block title %}DeepyWeb - Choose your query!{% endblock %}

{% block navbar %}
    <nav id="navbar" class="navbar">
        <ul>
            <li><a class="nav-link scrollto" href="/welcome">Home</a></li>
            <li><a class="nav-link scrollto" href="/select_to_start">Query-Entrance</a></li>
            {% if not is_admin %}
                <li><a class="getstarted scrollto" href="/admin/login">Admin Login</a></li>
            {% else %}
                <li><a class="getstarted scrollto">log as {{ admin_id }}</a></li>
            {% endif %}
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
    </nav><!-- .navbar -->
{% endblock %}

{% block main %}
    <main id="main">
        <!-- ======= Services Section ======= -->
        <section id="services" class="services">

            <div class="container" data-aos="fade-up">

                <header class="section-header">
                    <h2>欢迎来到后台管理界面</h2>
                    <p>Administrator Menu</p>
                    <br>
                    <h3>后台管理界面</h3>
                </header>

                <div class="row gy-4">
                    {#                    <div class="col-lg-2 col-md-6" data-aos="fade-up" data-aos-delay="200">#}
                    {#                    </div>#}

                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                        <div class="service-box blue">
                            <img src="/static/assets/img/models/regression.png" class="img-fluid" alt="" width="80"
                                 height="80">
                            <h3></h3>
                            <h3>Device Management</h3>
                            <p>设备管理</p>
                            <a href="device_manager" class="read-more"><span>GO TO</span> <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
                        <div class="service-box blue">
                            <img src="/static/assets/img/models/forest.png" class="img-fluid" alt="" width="80"
                                 height="80">
                            <h3>User Management</h3>
                            <p>用户管理</p>
                            <a href="user_manager" class="read-more"><span>GO TO</span> <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                        <div class="service-box blue">
                            <img src="/static/assets/img/models/regression.png" class="img-fluid" alt="" width="80"
                                 height="80">
                            <h3></h3>
                            <h3>Task Management</h3>
                            <p>任务管理</p>
                            <a href="task_manager" class="read-more"><span>GO TO</span> <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                        <div class="service-box orange">
                            <img src="/static/assets/img/models/regression.png" class="img-fluid" alt="" width="80"
                                 height="80">
                            <h3>Price Management</h3>
                            <p>价格系统设定</p>
                            <a href="new_task/LinearRegression" class="read-more"><span>GO TO</span> <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
                        <div class="service-box orange">
                            <img src="/static/assets/img/models/forest.png" class="img-fluid" alt="" width="80"
                                 height="80">
                            <h3>Model Management</h3>
                            <p>模型系统管理</p>
                            <a href="new_task/RandomForest" class="read-more"><span>GO TO</span> <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                        <div class="service-box red">
                            <img src="/static/assets/img/models/regression.png" class="img-fluid" alt="" width="80"
                                 height="80">
                            <h3></h3>
                            <h3>Contact DBA</h3>
                            <p>联系数据库管理员</p>
                            <a href="new_task/LinearRegression" class="read-more"><span>GO TO</span> <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>

                </div>

            </div>

        </section><!-- End Services Section -->
    </main>
{% endblock %}